<ion-view view-title="在线客服" class = "hr-service-online">
  <ion-content class = "online-content">
    <div class = "row">
      <span class = "tip">{{date | date:'HH:mm'}}</span>
    </div>
    <div class = "row">
      <span class = "tip">客服接受了您的请求</span>
    </div>
    <div ng-repeat="message in messageList">
      <div ng-if="message.isRequest" class = "row message-container-left">
        <img src="{{serviceHeader}}" alt="客服头像">
        <div class = "bubble bubble-left">{{message.content}}</div>
      </div>
      <div ng-if="!message.isRequest" class = "message-container-right">
        <img src="{{customerHeader}}" alt="客服头像">
        <div class = "bubble bubble-right">{{message.content}}</div>
      </div>
      <div style = "clear:both;"></div>
    </div>
  </ion-content>
  <div class = "reply-bar">
    <div class="item item-input-inset">
      <label class="item-input-wrapper">
        <input type="text" placeholder="请输入回复内容" ng-model="reply">
      </label>
      <button class="button button-small button-send" ng-class = "{'disabled':!reply}" ng-click="sendMessage()">
        发送
      </button>
    </div>
  </div>
</ion-view>
